<template>
  <!-- 侧边栏 -->
  <div class="header">管理后台</div>
  <a-menu theme="dark" v-model:selectedKeys="current" mode="inline" :items="items" @select="onSelect" />
</template>

<script setup>
import { ref, reactive } from 'vue';
const current = ref([1]);
const items = [
  {
    key: 1,
    label: '小程序管理',
  },
  {
    key: 2,
    label: '模板管理',
  },
];

const onSelect = ({ key }) => {
  current.value = [key];
};
</script>

<style lang="less" scoped>
.header {
  text-align: center;
  font-size: 18px;
  line-height: 64px;
}
</style>
